<template>
  <div id="app">
    <!-- <img src="./assets/logo.png" /> -->
    <header>
      <span>电影</span>
    </header>
    <article>
      <input
        v-model="find"
        @keyup.enter="findLike"
        type="search"
        class="search"
        placeholder="请输入搜索内容"
      />
      <div class="choice-flex">
        <router-link to="/index">正在热映</router-link>
        <router-link to="/Comming">即将上映</router-link>
        <router-link to="/ranking">top250</router-link>
      </div>
    </article>

    <router-view />
  </div>
</template>

<script>
export default {
  name: "App",
  data() {
    return {
      find: ""
    };
  },
  methods: {
    findLike() {
      this.$router.push({
        path: "/search",
        query: {
          tag: this.find
        }
      });
    }
  }
};
</script>
<style lang="less" scoped>
</style>
